<template>
  <div class="segmentation-wrap">
    <div class="segmentation-title"><slot /></div>
    <div
      class="segmentation-border"
      :style="`border-color:${props.borderColor}`"
    ></div>
  </div>
</template>
<script setup>
const props = defineProps({
  borderColor: {
    type: String,
    default: '',
  },
})
</script>
<style lang="scss" scoped>
.segmentation-wrap {
  width: 100%;
}
.segmentation-border {
  width: 1000px;
  height: 1px;
  background: rgba(255, 255, 255, 0.6);
  margin-top: 12px;
  background: rgba(0, 0, 0, 0.15);
  position: relative;

  &:after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: #00b9ef;
    position: absolute;
    top: -2px;
  }
}
</style>
